<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>行内样式表</title>
</head>
<body>
行内样式表，指在网页中通过元素的style属性定义元素的样式<br>
<iframe src="introduction.html" width="65%" height="200px">你的浏览器不支持框架</iframe>
<p>段落</p>
<p style="font-size: larger;">段落</p>
<pre>
  预排版
  <b style="color: white; font-size: large; background-color: orange;">提醒注意</b>
  预排版
</pre>
<div>
  <strong style="background-color: black; color: white;">强调</strong>
</div>
<table style="background-color: tan; border-style: dashed; width: 300px;">
  <tr style="text-align: center; background-color: red; color: blue;">
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
  <tr style="text-align: center;">
    <td style="font-style: inherit; border-style: outset; color: green;">单元格4</td>
    <td style="color: paleturquoise;">单元格5</td>
    <td style="font-style: inherit; border-style: outset; color: green;">单元格6</td>
  </tr>
  <tr style="text-align: center; font-size: 30px;">
    <td style="color: hotpink;">单元格7</td>
    <td style="color: saddlebrown;">单元格8</td>
    <td style="font-size: 35px; color: darkorchid;">单元格9</td>
  </tr>
</table>
<table border="1" width="220">
  <tr style="text-align: center;">
    <td style="color: paleturquoise;">单元格a</td>
    <td style="color: paleturquoise;">单元格b</td>
  </tr>
  <tr style="text-align: center;">
    <td style="font-size: 35px; color: darkorchid;">单元格c</td>
    <td style="font-size: 35px; color: darkorchid;">单元格d</td>
  </tr>
</table>
</body>
</html>